<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"    
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
      
      <ui:composition>
      
      	<div id="div_listagem" class="div_operacao">
    		
   				<div id="titulo_operacao">
   					<h:outputText value="Listagem de Usuários" />
   				</div>
   				
   				<h:form>
   					<h:commandButton value="Listar Usuários" action="#{usuarioBean.recuperar}">
   						<f:ajax render="table_lista_usuarios"/>
   					</h:commandButton>	 	
   					
   					<br/><br/>
   				
   					<h:dataTable value="#{usuarioBean.usuariosCadastrados}" var="usuario" id="table_lista_usuarios">
   						<f:facet name="caption">Lista de Usuários Cadastrados</f:facet>
   						<h:column>
   							<f:facet name="header">Nome do Usuário</f:facet>
   							<h:outputText value="#{usuario.nome}" />
   						</h:column>
   						<h:column>
   							<f:facet name="header">Qualificações do Usuário</f:facet>
   							<h:dataTable value="#{usuario.qualificacoes}" var="qualificacao" id="table_lista_qualifica">
   								<h:column><h:outputText value="#{qualificacao.curso}"/></h:column>
   							</h:dataTable>
   						</h:column>
   					</h:dataTable>
   				</h:form>
    		</div>
    		
      </ui:composition>
      
</html>